<div class="c-login-wrapper animated fadeIn">
    <div class="d-flex justify-content-center c-login-container">
        <div class="card c-login-box">
            <div class="card-body">
                <div class="text-center c-login-header">
                      <img src="assets/img/logo.png"  class="rounded-circle"/>
                      <h3 class="card-title"  style="display:inline">掌商道后台管理系统</h3>
                </div>
                <hr/>

                <div>
                    <div class="form-group row">
                        <div class="col-12">
                            <input class="form-control " [(ngModel)]="userForm.userName" type="text" placeholder="请输入用户名...">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-12">
                            <input class="form-control" [(ngModel)]="userForm.password" type="password" placeholder="请输入密码...">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary c-not-shadow" (click)="login();">登  录</button>
                        </div>
                    </div>
                    <div class=" row">
                        <div class="col-12 text-right">
                            <a href="#">忘记密码？</a>
                        </div>
                    </div>
                </div>

                <div class="row c-copy-right">
                    <div class="col-12 text-center">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="c-login-desc">
       Copyright 2017 弘道信息. All Rights Reserved.
    </div>
</div>
